.direita {
  float: right;
}

.disclaimer {
  font-size: small;
  margin-top: 15px;
}

body {
  font-size: large;
  line-height: 1.3;
  height:100%;
}

wrapper {
  min-height:100%;
  position:absolute;
  width:100%;
  min-width: 960px;
}

header {
  background: #800000;
  width: 100%;
}

header .comum {
  min-width: 960px;
  padding: 0 20px;
  height: 70px;
  margin: 0 auto;
  background: url("/app/resources/site/images/fundo_icones726x238.png") no-repeat 20px 0;
}

header .home {
  width: 960px;
  height: 336px;
  background: url("/app/resources/site/images/fundo_icones726x238.png") no-repeat 0 70px;
  margin: 0 auto;
}

header .logo {
  width: 161px;
  height: 26px;
  padding-top: 40px;
  background: url('/app/resources/site/images/rangaki_logo161x26.png') no-repeat center;
  cursor: pointer;
}

header .home_texto {
  width: 328px;
  height: 103px;
  margin-top: 20px;
  margin-left: 150px;
  background: url('/app/resources/site/images/o_que_vai_ser_hoje328x103.png') no-repeat;
}

header .home_search {
  color: white;
  float: right;
  margin: 50px 0 0 0;
  width: 400px;
}

.logged {
  margin-top: 23px;
  color: white;
  font-size: smaller;
  font-weight: bold;
  position: absolute;
  right: 15px;
  top: 0;
}

.loggedHome{
  margin:0;
  padding-top:40px;
  position:static;
  color:#333;
  right:auto;
  top:auto;
}

.logged div {
  cursor: pointer;
  float: left;
  padding: 3px 5px;
  padding-left: 25px;
  border-radius: 10px;
  margin-left: 10px;
}

.loggedHome div{
  float:none;
}

.logged .logout {
  background: url('/app/resources/images/logout16x16.png') no-repeat 5px 4px;
}

.logged .meu {
  background: url('/app/resources/images/meu16x16.png') no-repeat 5px 4px;
}

.logged .rangaki{
  background:url('/app/resources/images/rkIco16x14.png') no-repeat 5px 5px;
}

.logged div:hover {
  background-color: #FFF;
  color: #800000;
}

.pagina {
  margin: auto;
  min-width: 960px;
  width:100%;
  padding-bottom:70px;
}

input {
  padding: 5px;
  border: 1px solid gray;
}

textarea {
  border: 1px solid gray;
}

select {
  border: 1px solid gray;
  padding: 5px;
}

input.text {
  width: 98.5%;
  height: 30px;
  margin-bottom: 10px;
  color: black;
}

input.submit {
  border: 0;
  height: 40px;
  width: 200px;
  float: right;
  background: #ff6600;
  border: 0;
  font-weight: bold;
  color: white;
  cursor: pointer;
}

.botao-laranja {
  border: 0;
  padding: 10px 15px;
  background: #ff6600;
  border: 1px solid #ff6600;
  font-weight: bold;
  color: white;
  text-decoration: none;
  cursor:pointer;
}

.botao-vermelho {
  border: 0;
  padding: 10px 15px;
  background: #880000;
  border: 1px solid #880000;
  font-weight: bold;
  color: white;
  text-decoration: none;
  cursor:pointer;
}

form.cinza {
  background: #eee;
  padding: 10px;
  border: 3px double #ddd;
  border-radius: 5px;
  margin: 20px 0;
  min-width: 600px;
}

.form{
  min-width:960px;
  width:100%;
  clear:both;
  display:inline-block;
}

.form .left{
  float:left;
  width:48%;
  margin-right:2%;
}

.form .clear{
  clear:both;
}

.error {
  background: #ffffaa;
}
/*******    conteudo home **********/

section {
  height: 100%;
  margin-bottom: 10px;
}

section .conteudo {
  margin: 0 auto;
}

.article-home {
  background: #efefff;
  border-top: 2px solid #777;
  padding: 20px;
  height: 260px;
  border-bottom: 2px solid #eee;
}

.home_login {
  width: 960px;
  height: 250px;
  margin: 0 auto;
}

.twitter {
  width: 392px;
  float: right;
  height: 171px;
  background: url('/app/resources/site/images/twitter_area392x171.png') no-repeat right;
}

.twitter-msg {
  float: right;
  width: 340px;
  height: 129px;
  margin-top: 10px;
}

.twitter-msg div {
  height: 75px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 10px;
}

.twitter-link {
  margin-top: 150px;
  margin-left: 50px;
}

.fb-like {
  margin-top: 10px;
}

.login_email {
  width: 50%;
}

.login_email input.submit {
  height: 25px;
  width: 150px;
  background: #363636;
  color: white;
}

a {
  color: #363636;
  text-decoration: none;
}

a:hover {
  color: black;
  text-decoration: underline;
}

.article-conteudo {
  width: 100%;
  background: white;
}

.box-conteudo {
  width: 960px;
  margin: 0 auto;
}

.box-hq {
  margin-top: 20px;
  width: 100%;
  text-align: center;
}

.box-hq .texto {
  float: left;
  width: 400px;
  text-align: left;
}

.box-cidade {
  width: 100%;
  text-align: center;
  margin-top: 100px;
}

/*============================================*/

/********** faq/sobre/privacidade ************/
.eddie-fundo {
  background: url('/app/resources/site/images/eduardo650x770.png') no-repeat top right;
  padding-right: 350px !important;
}

.interna h1 {
  background: black;
  color: white;
  padding: 10px 20px;
  text-transform: uppercase;
  border-left: 3px solid gray;
  font-size: xx-large;
  padding-left: 10%;
}

.interna p {

}

.interna a {
  text-decoration: underline;
}

.interna p.question {
  font-weight: bold;
  font-size: x-large;
  margin-top: 35px;
}

.interna div {
  width: 50%;
  padding: 20px 20px;
  line-height: 1.5;
  margin: auto;
}

.interna ol {
  margin: 10px 0;
  list-style: decimal;
}

.interna li {
  margin-top: 10px;
  margin-left: 30px;
}

.sobre{
  width:100% !important;
}

.sobre div {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 30px;
  height: 250px;
}

.sobre .convencional {
  background: lightgray;
}

.sobre .rangaki {
  background: #800000 url('/app/resources/site/images/fundo_home1024x336.png') no-repeat center;
  color: white;
}

.navegador {
  margin-top: 5px;
  width:100% !important;
}

.navegador li {
  border: 1px solid black;
  float: left;
  height: 10px;
  width: 10px;
  border-radius: 5px;
  margin-right: 5px;
  margin-bottom: 20px;
  cursor: pointer;
  background: white;
}

.navegador li:hover {
  border: 1px solid #800000;
}

.navegador li.selected {
  background: #800000;
  border: 1px solid #800000;
}
/*==================================*/

footer {
  clear: both;
  width: 100%;
  padding: 20px 0;
  background-color: #06799f;
  background-color: #222;
  font-size: smaller;
  position:absolute;
  bottom:0;
}

.footer {
  width: 960px;
  margin: 0 auto;
}

.menu-footer {
  text-align: center;
}

.menu-footer ul li {
  display: inline-block;
}

.menu-footer ul li span {
  color: white;
  padding: 5px 5px 5px 10px;
}

.menu-footer ul li a {
  text-decoration: none;
  color: white;
}

/********** menu descubra ************/
.header-descubra {
  width: 100%;
  height: 210px;
  background: #111;
  color: white;
  opacity: 0.95;
  z-index: 1;
  overflow: hidden;
  display: none;
}

.header-descubra li {
  list-style: none;
}

.header-descubra .coluna {
  float: left;
  width: 33%;
}

.header-descubra li.titulo {
  font-weight: bold;
  color: #ff6600;
}

.header-descubra li a {
  color: white;
  text-decoration: none;
  margin-left: 10px;
}

.header-descubra li a:hover {
  text-decoration: underline;
}

.header-descubra input {
  width: 250px;
}

.header-descubra input.submit {
  width: 100px;
  height: 25px;
  float: right;
  margin-right: 62px;
  margin-top: 5px;
  border: 0;
  background: #ff6600;
  color: white;
  font-weight: bold;
}

.header-descubra-botao {
  width: 161px;
  height: 50px;
  background: #111;
  color: white;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  display: table-cell;
  font-weight: bold;
  z-index: 1;
  position: absolute;
}

.header-descubra-botao .texto {
  margin-top: 17px;
}

.header-descubra-botao:hover {
  background: black;
}

.filtro {
  width: 100%;
  background: #222;
  text-align: right;
  height: 50px;
  color: White;
}

.filtro label {
  margin: 10px;
}

.filtro input {
  margin-top: 15px;
}
/*====================================*/

/********** restaurantes *************/
.endereco-atual {
  z-index: 100;
  position: absolute;
  color: white;
  padding-left: 28px;
  font-size: smaller;
  background: url("http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|FFFFFF") no-repeat 0 18px;
  top: 5px;
  left: 200px;
}

.endereco-atual span {

}

.endereco-atual a {
  color: white;
  text-decoration: underline;
  margin-left: 15px;
}

.map {
  background: #333;
  width: 100%;
  height: 300px;
  background-size: 960px auto;
  border-bottom: 4px solid #222;
}

.resultados {
  min-height: 220px;
  width: 100%;
  clear:both;
  display:inline-block;
}

.resultados .empty{
  width:80%;
  margin:auto;
  margin-top:20px;
}

.resultados .empty a{
  text-decoration:underline;
}

.restaurante {
  margin-left: 10px;
  width: 32%;
  margin-top: 10px;
  border: 1px solid #ddd;
  border-bottom-color: #aaa;
  border-right-color: #aaa;
  background: #fafafa;
  cursor: pointer;
  height: 170px;
  overflow: hidden;
  float: left;
  border-radius: 3px;
}

.restaurante.parceiro{
  border-color:#CC9933;
  background: #ffffcc;
}

.restaurante:hover {
  background: #ffffcc;
}

.restaurante:hover .logo .ver-cardapio {
  display: block;
}

.restaurante .logo {
  float: left;
  width: 100px;
  margin: 5px;
  border-top-left-radius: 3px;
  overflow: hidden;
}

.restaurante .info {
  display: table-cell;
  vertical-align: middle;
  padding: 5px;
  font-size: smaller;
}

.restaurante .info .titulo {
  height: 85px;
}

.restaurante .info .titulo h1 {
  font-size: large;
}

.restaurante .info .more {

}

.restaurante .info .aval {
  background: url("") repeat-x;
  background-size: 25px;
  height: 22px;
  width: 125px;
}

.restaurante .info .more .cardapio {
  background: #ff6600;
  padding: 5px;
  color: White;
  font-weight: bold;
  width: 100px;
  text-align: center;
  position: relative;
  float: right;
  margin-right: 10px;
  display: none;
}

.restaurante .icon {
  width: 22px;
  height: 22px;
  float: left;
  margin: 1px 3px 0 0;
}

.restaurante .logo .icon-container {
  width: 100%;
  height: 25px;
  margin-top: 85px;
  text-align: center;
  clear: both;
}

.restaurante .logo .icon {
  margin: 0px 0px 5px 3px;
}

.restauranteBar {
  width: 100%;
  min-width: 960px;
  clear: both;
  height: 190px;
  border-bottom: 4px solid #333;
  background: #fafafa;
  font-size: smaller;
}

.restauranteBar .rangaki{
  float:right;
  margin-right:10px;
  margin-top:5px;
  font-weight:bold;
  cursor: pointer;
  padding: 3px 5px;
  padding-left: 25px;
  margin-left: 10px;
  color:white;
  background:url('/app/resources/images/rkIco16x14.png') no-repeat 5px 5px #ff6600;
}

.restauranteBar figure {
  float: left;
  width: 170px;
  margin: 10px 0 0 10px;
}

.restauranteBar .info {
  padding: 10px 0 0 200px;
}

.restauranteBar .info h1 {
  font-size: larger;
}

.restauranteBar .info .more div {
  margin-top: 15px;
  float: left;
  margin-right: 20px;
  width: 30%;
}

.restauranteBar .info .more .fone {
  margin-top: 20px;
  padding-left: 20px;
  background: url('/app/resources/images/fone16x16.png') no-repeat 0 2px;
  float: left;
  width: 100%;
}

.endereco-restaurante.focus{
  color:#800000;
}

/*=================================================*/
/*************** Cardápios Produtos ****************/
.produto-conteudo {
  min-width: 980px;
  width: 100%;
  display: table;
}

.cardapios {
  display: table-cell;
}

.cardapios .cardapio {
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 10px;
}

.cardapios .pequeno .item {
  width:49%;
  float:left;
}

.cardapios .pequeno .item:nth-child(odd) {
  width:48%;
  margin-left:5px;
}

.cardapio .nomeCardapio {
  margin: 10px 0 10px 0;
  background: #333;
  padding: 10px;
  border-radius: 5px;
  color: white;
}

.cardapio .nomeCardapio p {
  font-size: smaller;
  margin-top: 10px;
}

.cardapio .item {
  border: 1px solid #ddd;
  margin-bottom: 5px;
  padding: 5px;
  border-bottom-color: #aaa;
  border-right-color: #aaa;
  border-radius: 3px;
  cursor: pointer;
  background: #fafafa;
}

.cardapio .item p {
  font-size: smaller;
  margin-top: 7px;
}

.cardapio .item:hover {
  background: #ffffcc;
}

.cardapio .item .titulo {
  font-weight: bold;
}

.cardapio .item .titulo .classifica {
  float: right;
}

.cardapio .item .titulo .preco {
  float: right;
  text-align: right;
  width: 100px;
}

.cardapio .destaque {
  color: white;
  background: #800000;
  min-height: 150px;
}

.cardapio .destaque .titulo {
  padding-left: 19px;
  background: url('/app/resources/images/star16x16.png') no-repeat 0 2px;
}

.cardapio .destaque .foto {
  display: table-cell;
}

.cardapio .destaque p {
  display: table-cell;
  vertical-align: top;
  padding-left: 10px;
}

.cardapio .destaque .foto img {
  border-radius: 5px;
  margin-top: 5px;
  width: 130px;
}

.cardapio .destaque .descricao {
  background: white;
  color: black;
  padding: 5px;
  border-radius: 3px;
  margin-top: 10px;
}

.cardapio .destaque:hover {
  background: #991111;
}

/*=================================================*/
/********** carrinho *************/
.wrapper-carrinho {
  width: 350px;
  display:table-cell;
}

.carrinho {
  margin-right:10px;
  margin-top: 10px;
  border-radius: 5px;
  border-bottom: 2px solid black;
  border-right: 1px solid black;
  border-top: 1px solid gray;
  border-left: 1px solid gray;
  padding: 10px;
  background: #800000;
  color: white;
}

.carrinho table{
  width:100%;
}

.carrinho table thead{
  text-align:left;
  font-size:smaller;
}

.carrinho table td{
  display: table-cell;
  border-top: 1px dashed white;
  padding: 5px 0;
}

.carrinho table tbody tr{
  cursor:pointer
}

.carrinho table tbody tr:hover{
  background:#911111;
}

.carrinho table tfoot td{
  font-weight:bold;
  border-top:2px solid white;
}

.carrinho table tfoot .total-pedido{
  background:white;
  border:3px solid white;
  
  color:black;  
}

.carrinho table tfoot .spacing{
  border:0;
  height:20px;
}

.carrinho .qtde {
  width: 10%;
  text-align:right;
}

.carrinho .descricao {
  width: 60%;
  padding-left:5px;
}

.carrinho .preco {
  width: 30%;
  text-align: right;
  vertical-align:middle;
}

.carrinho .total {
  padding: 5px;
  display: table;
  width: 100%;
}

.carrinho .total .item {
  display: table-row;
  width: 100%;
}

.carrinho .total .item div {
  border-top: 2px solid white;
  display: table-cell;
  padding: 5px 0;
}

.carrinho .fechar-pedido {
  margin: 10px 0;
  text-align: center;
}

/*=================================================*/
#produto h1 {
  margin-bottom: 10px;
}

#produto .produto {
  width: 450px;
  padding-bottom: 20px;
}

#produto .produto .opcionais {
  display: table;
  width: 100%;
  margin-top: 10px;
}

#produto .produto .opcionais .opcao {
  display: table-row;
}

#produto .produto .opcionais .opcao .descricao {
  display: table-cell;
  vertical-align: top;
  width: 80%;
}

#produto .produto .opcionais .opcao .descricao input {
  height: 23px;
  margin-right: 5px;
}

#produto .produto textarea {
  width: 350px;
  height: 100px;
}

#produto .produto .opcionais .opcao .preco {
  display: table-cell;
  vertical-align: middle;
  width: 20%;
}

#produto .fotos {
  width: 300px;
  float: right;
}

#produto .fotos img {
  width: 300px;
}

#produto .botoes {
  clear: both;
  vertical-align: middle;
  display: table-cell;
  width: 350px;
  text-align: right;
}

#produto .botoes input {
  margin-top: 5px;
}

#produto .total {
  font-weight: bolder;
}

#produto .extra .opcao:hover {
  background: #ffffcc;
}

.info-pedido{
  padding:20px;
}

.info-pedido input{
  padding:-10px 0 !important;
  margin:5px 0 !important;
  margin-right:7px !important;
}

.info-pedido .titulo{
  margin: 10px 0 10px 0;
  background: #333;
  padding: 10px;
  border-radius: 5px;
  color: white;
}

.info-pedido tr.produto{
  background:#f6f6f6;
  border-top:1px solid #ddd;
}

.info-pedido tr.produto td{
  padding:5px 0;
}

.info-pedido tr.variacao{
  font-size:smaller;
}

.info-pedido tr.variacao td:nth-child(2){
  padding-left:20px;
}

.info-pedido thead.produto-header th{
  background: #eee;
  border-bottom:3px double #ddd;
}

.info-pedido tfoot.produto-footer th{
  background: #eee;
  padding:10px 0;
}

.info-pedido tfoot.produto-footer tr:first-child{
  border-top:3px double #ddd;
}

.info-pedido .quadro{
  font-size:smaller;
  margin-left:30px;
}

.info-pedido .enviar, .info-pedido .voltar{
  float:right;
  margin-right:20px;
}

.info-pedido a{
  text-decoration:underline;
}

.info-pedido .endereco a{
  font-size:smaller;
  text-decoration:underline;
}

.info-pedido .advice{
  font-size:smaller;
}

.info-pedido .formulario{
  margin-bottom:15px;
  display:inline-block;
  width:100%;
}

.info-pedido table{
  margin-bottom:5px;
}

.info-pedido .forma-pagamento{
  float:left;
  height:25px;
  margin-right:10px;
}

.info-pedido .forma-pagamento label{
  padding:5px 5px 2px 40px;
}


.info-pedido .pagamento .boxSelecao{
  display:inline-block;
}

.info-pedido .pagamento .divFP{
  display:none;
  font-size:smaller;
}

.info-pedido .forma-pagamento label.fp1{
  background:url('/app/resources/images/cartao16x16.png') no-repeat 5px 0px;
}

.info-pedido .forma-pagamento label.fp2{
  background:url('/app/resources/images/dinheiro16x16.png') no-repeat 5px -6px;
}

#pedido .pedidoId{
  display:inline-block;
  background:#FF6600;
  color:white;
  border-radius:15px;
  padding:10px 40px;
  border:2px outset orange;
  font-weight:bold;
  font-size:larger;
}

#pedido .window-content{
  height:280px !important;
}

#pedido .window-content div{
  font-weight:bold;
  margin-bottom:20px;
}

#pedido p{
  line-height:1.5;
}

/*************************************/

/* Z-index of #mask must lower than #boxes .window */
#mask {
  position: absolute;
  z-index: 9000;
  background-color: #000;
  display: none;
}

#boxes .window {
  position: fixed;
  width: 740px;
  height: 400px;
  display: none;
  z-index: 9999;
  padding: 20px;
}

/* Customize your modal window here, you can add background image too */
#boxes #dialog, #boxes #salvando {
  width: 675px;
  height: 403px;
  background: white;
  overflow: auto;
  border-radius: 5px;
}

#boxes #aviso{
  width:350px;
  height:250px;
  overflow:auto;
  border-radius:5px;
  color:#ff6600;
  font-weight:bold;
  background:url('/app/resources/images/alert48x48.png') no-repeat center 10px white;
  cursor:pointer;
}

#boxes #aviso .msg{
  margin-top:50px;
  margin-bottom:5px;
  padding:10px;
  overflow:auto;
  height:130px;
  vertical-align:middle;
  text-align:center;
  border:1px solid #eee;
}

#boxes #aviso.ok{
  background:url('/app/resources/images/ok48x48.png') no-repeat center 10px white;
  color:green;
}

#boxes #aviso.ok .botao-laranja{
  background:green !important;
  border:0 !important;
}

/* Loading */
.loader {
  height: 32px;
  width: 32px;
}
/* Z-index of #mask must lower than #boxes .window */
#mask {
  background-color: #000000;
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 9000;
}
#boxes .window {
  position: fixed;
  width: 440px;
  height: 200px;
  display: none;
  z-index: 9999;
  padding: 20px;
  text-align: center;
}

#boxes .window-title{
  height:16px;
  font-size:smaller;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border: 1px solid white;
}

#boxes .window-title .close{
  float:right;
  margin-right:-15px;
  margin-top:-15px;
  background:url('/app/resources/images/close32x32.png') no-repeat;
  cursor:pointer;
  width:32px;
  height:32px;
  position:relative;
}

#boxes .window-content{
  overflow: auto;
  padding:15px;
  height: 340px;
  background:white;
}

/* Customize your modal window here, you can add background image too */
#boxes #dialog, #boxes #salvando {
  width: 375px;
  height: 203px;
}

#boxes #dialog .msg-contato, #boxes #salvando .msg-contato {
  height: 50px;
  top: 30%;
  position: relative;
}

/* Customize your modal window here, you can add background image too */
#boxes #produto {
  background: #333;
  border-radius: 5px;
  text-align: left;
  padding:0;
  width: 800px;
  height: 395px;
}      

#boxes #pedido {
  background: #333;
  border-radius: 5px;
  text-align: left;
  padding:0;
  width: 600px;
  height: 340px;
  border-bottom:1px solid white;
}